<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>2018新个税计算器</title>
    <!-- MZUI CSS 文件 -->
    <link href="css/mzui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
</head>
<body style="background-color: white;font-size: 0.8rem">
<div class="has-padding block primary-pale " style="color:#3280fc">
    <i class="icon icon-bullhorn" style="margin-right: 0.5rem"></i>新个税法10月1日起施行！
</div>
<div id="input" style="padding-left: 0.5rem ;padding-right: 0.5rem">
    <div class="inputTitle">税前月薪(元)</div>
    <input id="salary" type="number" class="input editBox" placeholder="请输入" maxlength="6">
    <div class="inputTitle">社保公积金扣除(元)</div>
    <input id="socialSecurity" type="number" class="input editBox" placeholder="请输入" maxlength="6">
    <button onclick="checkInput()" type="button" class="btn block primary confirmButton">计算</button>
</div>
<div id="result" style="padding: 0.5rem;"></div>
<!-- MZUI 的 JavaScript 插件依赖 jQuery，请使用 jQuery 最新版本 -->
<script src="lib/jquery/jquery-3.2.1.min.js"></script>
<!-- 引入 MZUI 的 JS 文件 -->
<script src="js/mzui.min.js"></script>
<script src="js/index.js"></script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?108546a1057b07524d42919a5b5c2496";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>